Promote the Project 2 design system end to end. Replace the 468-line
public/_base.html with the 1086-line warm cream / warm deep dark token
system, the 89-class phantom-* vocabulary, the dual-theme ECharts
phantom theme, and the window.phantomChart helper. Add the living style
guide at public/_components.html and the new landing at public/index.html.
Rewrite src/ui/login-page.ts to emit the new login surface using the
phantom-* tokens with Instrument Serif display, dropping 136 lines of
hand-crafted SVG.

Build ten reference example pages under public/_examples/ that the live
agent can read at runtime when it wants to remember how a dashboard, a
session table, an evolution timeline, a memory explorer, a skills editor,
a cost report, or a chat surface composes from the vocabulary. Each page
is self-contained so the agent does not need to also load _base.html.
Validated in both phantom-light and phantom-dark with zero console errors
and zero failed network requests.

Plumb the PHANTOM_NAME env var through every user-facing surface. Add
src/ui/name.ts with capitalizeAgentName and agentNameInitial helpers,
plus 13 unit tests. Add three new placeholder substitutions to
wrapInBaseTemplate ({{AGENT_NAME}}, {{AGENT_NAME_CAPITALIZED}},
{{AGENT_NAME_INITIAL}}) and thread the agent name through
createWebUiToolServer from src/index.ts. Wire setLoginPageAgentName
through the same call site so the login HTML interpolates the agent
name without modifying serve.ts. For the static landing, components,
and example pages, ship a small inline /health-fetch script that
populates data-agent-name markers at runtime with localStorage caching.

Replace the legacy 88-line UI guidance block in
src/agent/prompt-assembler.ts with the verbatim 155-line block from the
research implementation plan, extracted into
src/agent/prompt-blocks/ui-guidance.ts. Also extract the security and
instructions blocks so prompt-assembler.ts stays under 300 lines.

Tests: 948 before, 973 after (+25). Lint and typecheck clean.
Playwright validation captured for all ten example pages plus the style
guide and a wrapped base template page in scratch/02-project2/builder-
validation/. Measured baseline shows FCP improving from 244ms to 40ms,
DOM nodes 50 to 46, HTML bytes 27911 to 44347, with two new Instrument
Serif font requests and one expected SSE 404 on the local Python server.

- fix wrapInBaseTemplate dollar-pattern content corruption via single-pass regex
- escape displayName in login-page.ts to harden PHANTOM_NAME against XSS
- complete escapeHtml with apostrophe and extract to shared src/ui/html.ts
- replace transition: all with explicit property lists in style guide and examples
- fix duplicate class attribute on navbar date span, drive visibility via CSS
- swap hardcoded #fff in _components.html for --color-error-content token
- swap hardcoded chart hex colors for theme token reads via getComputedStyle
- deduplicate the /health name-fetch IIFE into public/_agent-name.js
- point skill installer at tracked scripts/skills/phantom-ui.md seed
- add wrapInBaseTemplate edge-case tests for dollar patterns and HTML-special names
- drop brittle toContain("Phantom") assertion from the login-page serve test
- extract buildEvolvedSections and buildWorkingMemory from prompt-assembler